@import "@/styles/theme.scss";
@import "~taro-ui/dist/style/components/curtain.scss";
.video-or-image {
  .flex-container {
    display: flex;
    flex-direction: column;
  }

  .mask-wrap {
    width: 100%;
    position: relative;
    height: auto;
    display: flex;
    .mask {
      position: absolute;
      border-radius: 10rpx;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      // background-color: rgba(0, 0, 0, 0.5);
      // transition: background-color 0.15s linear;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .live {
      position: absolute;
      left: 10rpx;
      right: 10rpx;
      bottom: 8rpx;
      color: white;
      // transition: background-color 0.15s linear;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: $small-title;
      .persons {
        display: flex;
        align-items: center;
      }
    }
  }
}
